<html>
    <head>
        <title>在 v-for 里使用对象</title>
    </head>
    <body>
        <script>
            // ★二、 在 v-for 里使用对象

                                /*
                                    你也可以用 v-for 来遍历一个对象的 property:
                                */
                                        /*
                                            eg:
                                                <ul id="v-for-object" class="demo">
                                                    <li v-for="value in object">
                                                        {{ value}}
                                                    </li>
                                                </ul>
                                        */
                                        new Vue({
                                            el:'#v-for-object',
                                            data:{
                                                Object:{
                                                    title:'How to do lists in Vue',
                                                    author:'Jane Doe',
                                                    publishedAt:'2016-04-10'
                                                }
                                            }
                                        });

                                /*
                                    你也可以提供第二个的参数，为 property名称 (也就是"键名")
                                */
                                        /*
                                            <div v-for="(value,name) in object ">
                                                {{name}} : {{value}}
                                            </div>
                                        */

                                /*
                                    你还可以配置第三个参数作为索引
                                */
                                        /*
                                            <div v-for="(value,name,index) in object" >
                                                {{index}}.{{name}}.{{value}}
                                            </div>
                                        */
                                
                                /*
                                    在遍历对象时，会按照 Object.keys() 的结果遍历，但是不能保证它的结果在不同的 JavaScript 引擎下都一致。
                                */
                        

        </script>
    </body>
</html>